import { Button, Result } from 'antd'
import styles from './index.module.scss'
import { useNavigate } from 'react-router-dom'
import { memo } from 'react'

const NotFound = memo(() => {
  const nav = useNavigate()

  return (
    <div className={styles.container}>
      <Result
        status="404"
        title="404"
        subTitle="抱歉，您所访问的页面不存在"
        extra={
          <Button type="primary" onClick={() => nav('/manage/list')}>
            返回首页
          </Button>
        }
      />
    </div>
  )
})
export default NotFound
